<!DOCTYPE html>
<html>
	<head>
	    <meta charset="utf-8">
	    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
	    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
	    <title>Hello APP</title>
	    <link rel="stylesheet" type="text/css" href="../../css/index.css" />
	</head>
	<style type="text/css">
		.warp{width: 100%;}
		.num-box{width: 100%;margin-bottom: 10px;padding: 20px 15px 30px 15px;background:url(../../image/main3/main3_bg.png) no-repeat center #FF9502;background-size:cover;color: #ffffff;box-sizing: border-box;}
		.num-box .t1{font-size: 16px;}
		.num-box .num{font-size: 48px;margin-top: 14px;font-weight: bold;}

		.info-list{width: 100%;}
		.info-list .info-one{width: 100%;padding: 0 15px;box-sizing: border-box;align-items: center;background: #FFFFFF;height: 70px;}
		.info-list .info-one .l .t1{font-size: 15px;color: #333333;font-weight: 500;}
		.info-list .info-one .l .t2{font-size: 12px;color: #999999;}
		.info-list .info-one .r .t3{font-size: 15px;color: #FF9502;text-align: right;}
		.info-list .info-one .r .t4{font-size: 12px;color: #999999;text-align: right;}
		.info-list .info-one:last-child:before{display: none;}

	</style>
	<body>
		<div id="vue" class="warp">

			<div class="num-box">
				<div class="t1">积分总额</div>
				<div class="num" v-text="udata.score > 0 ? udata.score:'0'"></div>
			</div>

			<div class="info-list" style="display:none;" :style="{ display:(Pdata ? '':'none')}">
				<div class="info-one flex border-bottom" v-for="(item,key) in Pdata.listData">
					<div class="l flex1">
						<div class="t1" v-text="item.note"></div>
						<div class="t2" v-text="item.addtime"></div>
					</div>
					<div class="r">
						<div class="t3" ><i v-if="item.type == 'del'">-</i><i v-if="item.type == 'add'">+</i><i v-text="item.value"></i></div>
						<div class="t4" >积分:<i v-text="item.new_val"></i></div>
					</div>
				</div>
			</div>

			<!--占位图-->
			<div class="nodata" style="display:none;" :style="{ display:(noData ? '':'none')}">
				<img src="../../image/no_page/no_jilu.png" />
				<p>暂无记录</p>
			</div>
			<!-- 底部 -->
			<div class="bottom-box" :style="{ display:(loadingMsg ? '':'none')}">
				<div class="msgbox" v-html="loadingMsg" style="color:#999;"></div>
			</div>

		</div>
	</body>
</html>
<script type="text/javascript" src="../../script/base.min.js" id="loadjs" data-js="L/swiper.min,L/lazyload,L/h-tool"></script>
<script type="text/javascript">
	define(function (require, exports, module) {

		setData = function () {
            var udata = lanYun.getUdata();
            if(!udata) return;
            //console.log(JSON.stringify(udata));
            lanYun.vue.udata = udata;
        };

		_page.getData = function(loading) {
			lanYun.getVueData({url:'Userjifen/jifenlog',get:{page:lanYun.page},cache:0,loading:loading},function(ret) {
				//console.log(JSON.stringify(ret));
			});
		};

		lanYun.newVue('#vue',{
			udata:{}
		},function() {
			_page.getData(2);
		});
		setData();

		//滚动加载..
		new auiScroll({distance:200, listen:true},function(ret) {
			if($(window).scrollTop() < 2) ret.isToBottom = false;
			var d = ret.scrollTop / 208;
			if(!ret.isToBottom) return;
			_page.getData(0);
		});

		topMenuClick = function () {
	        lanYun.openWin("main3/fuwenben.html", {
	            win:'win',
	           	title:"积分规则",
	            frameParam : {type:"Page/jifen"}
	       });
		}

	});
</script>
